.or-center {
  width: calc(100% - 1530px);
  height: 100%;
  position: relative;
  //z-index: -1;

  .vlc-top-realtime-data {
    margin-top: 90px;
    padding: 0 168px;

    .dynamic-data-item {
      width: 800px;
      height: 170px;
      background: linear-gradient(to bottom, #2190f78a, #2190f700);
      ;
      border-top: 4px solid #218FF7;
      display: flex;
      flex-direction: column;
      justify-items: center;
      justify-content: center;
      font-size: 20px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #FFFFFF;
      text-align: center;
      .ddi-title{
        font-size: 32px;
      }
      .ddi-value{
        display: flex;
        font-size: 45px;
        display: inline-block;
        font-family: neirong;
        .ddi-unit{
          font-size: 25px;
          color: #3FD0FF;
          transform: translateY(22px);
        }
      }
    }
  }

  .map-svg {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -43%) scale(1);
    .map-bg-color {
      fill: rgba(255, 255, 255, 0);
      &:hover{
        fill: rgb(0, 255, 255);
      }
    }
    .image-3D {
      width: 100%;
      height: 100%;
    }
  }

  #wordCloud{
    position: absolute;
    top: 16%;
    left: 27%;
    width: 1000px;
    height: 1000px;
  }


  .dl-right-top-btn{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    .noActive{
      background: rgba(64, 158, 255, 0.3) !important;
    }
  }


  .center-table {
    height: 100%;
    padding-left: 10px;

    .dl-right-top-btn{
      display: flex;
      justify-content: center;
      margin-bottom: 10px;
      .noActive{
        background: rgba(64, 158, 255, 0.3) !important;
      }
    }

    .el-table{
      width: 100%;
      height: 400px;
      font-size: 20px;
      color: #D8DBDF;
      background-color: rgb(255 255 255 / 3%);
    }
    .el-table__header-wrapper{
      background-color: rgb(255 255 255 / 3%);
    }
    .el-table tr{
      pointer-events: none;
      background-color: unset;
      border: 1px solid #3A79E2;
    }
    .el-table th.el-table__cell{
      background-color: unset;
      border: 1px solid #3A79E2;
    }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
      border-bottom: 1px solid #3A79E2;
    }
    .el-table--border .el-table__cell {
      border-right: 1px solid #3A79E2;
    }
    .el-table__border-left-patch{
      background-color: unset;
    }
    .el-table thead {
      color: #6CA7FF;
    }
    .operational-regulation .dl-right .netdevice-gaojing .el-table th.el-table__cell {
      background-color: unset;
      border: 0px solid #3A79E2
    }
    .el-table__inner-wrapper{
      font-size: 24px;
    }
    .el-table__inner-wrapper::before {
      background-color: #3A79E2;
    }
    .el-table--border::before{
      background-color: #3A79E2;
    }
    .el-table--border .el-table__inner-wrapper::after{
      background-color: #3A79E2;
    }
    .operational-regulation .dl-right .netdevice-gaojing .el-table--border .el-table__inner-wrapper::after{
      background-color: #3A79E200;
    }
    .el-table--border::after{
      background-color: #ffffff00;
    }
  }
}

@keyframes rotateAnimation {
  0% {
    transform: translate3d(4px, 48px, 0) scale3d(0.8, 0.6, 1); /* 从0度开始旋转 */
  }
  50% {
    transform: translate3d(4px, 48px, 0) scale3d(0.9, 0.65, 1); /* 旋转一周，360度 */
  }
  0% {
    transform: translate3d(4px, 48px, 0) scale3d(0.8, 0.6, 1); /* 从0度开始旋转 */
  }
}